<template>
    <div>
        <div  :style="styleData">
            动态设置内联：style设置样式
        </div>
        <button @click="alterStyle">修改style</button>
    </div>
</template>

<script>
    export default {
        name: "StyleTest",
        data() {
            return{
                styleData:{
                    color:'#f00',
                    fontSize:17+"px"
                }
            }
        },
        methods:{
            alterStyle(){
                if (this.styleData.color === '#f00'){
                    this.styleData.color= '#0e0e0e'
                }else {
                    this.styleData.color= '#f00'
                }


            }
        }
    }
</script>

<style scoped>

</style>